<!--
 * @Author: 曹捷
 * @Date: 2020-11-08 14:49:21
 * @LastEditors: 曹捷
 * @LastEditTime: 2021-02-25 08:36:57
 * @Description: fileContent
-->
<template>
  <div class="obit-lists" :class="{'obit-list-border':border}">
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    border: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style lang="scss">
.obit-lists {
  color: #3b4144;
  position: relative;
  .obit-list-item {
    display: flex;
    font-size: 28rpx;
    position: relative;
    background-color: #fff;
    flex-direction: row;
    justify-content: space-between;
  }
}
.obit-list-border {
  .obit-list-item {
    border-top: 1rpx solid #e5e5e5;
    height: 108rpx;
  }
}
.obit-list-border::before {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.obit-list-border:after {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
</style>